<UserControl x:Class="Microsoft.Robotics.Interaction.Visualization.GamePadEmulatorView" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:v="clr-namespace:Microsoft.Robotics.Visualization;assembly=Microsoft.Robotics.Visualization" 
             mc:Ignorable="d" 
             d:DesignWidth="800" d:DesignHeight="600" >
    <Canvas>
        <ToggleButton Name="ButtonA" Content="A" HorizontalAlignment="Left" Margin="624,222,0,0" VerticalAlignment="Top" FontSize="36" Width="39" IsChecked="{Binding Path=ButtonA}"/>
        <Line Stroke="Black" StrokeThickness="4" X1="{Binding Path=JoystickVisualCenterX}" Y1="{Binding Path=JoystickVisualCenterY}" X2="{Binding Path=JoystickPositionX}" Y2="{Binding Path=JoystickPositionY}"/>
        <Ellipse Name="JoystickEllipse" Fill="#FFF4F4F5" Height="{Binding Path=JoystickVisualDiameter}" Canvas.Left="{Binding Path=JoystickVisualLeft}" Stroke="Black" Canvas.Top="{Binding Path=JoystickVisualTop}" Width="{Binding Path=JoystickVisualDiameter}" MouseMove="JoystickEllipseMouseMove" MouseUp="JoystickEllipseMouseUp" MouseLeave="JoystickEllipseMouseLeave" Opacity="0.5"/>
    </Canvas>
</UserControl>
